<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="/commons/taglibs.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
   		<script type="text/javascript">
			var applicationId = "${applicationId}";
   		</script> 
   		<%@include file="/commons/resource.jsp" %>
        <script type="text/javascript" src="${ctx}/static/js/app/globalUser.js"></script>
  </head>
	<body class="easyui-layout">
	<!-- Search panel start -->
 	 <div class="ui-search-panel" region="north" style="height: 70px;" title="搜索框" data-options="striped: true,collapsible:true,iconCls:'icon-search',border:false">  
	 	 <form id="searchForm">
	 	 	<p class="ui-fields">
	 	 	    <label class="ui-label">用户名:</label><input name="userName" class="easyui-box ui-text" style="width:100px;">
	        </p>
	        <a href="#" id="btn-search" class="easyui-linkbutton" iconCls="icon-search">搜索</a>
	     </form>  
     </div> 
     <!--  Search panel end -->
     
     <!-- DataList  -->
     <div region="center" border="false" >
     	<div id="toolbar">
     		<perm:hasPermission url="user/add">
     			<a href="#" class="easyui-linkbutton" iconCls="icon-add" id="addBtn" plain="true">新增</a>
     		</perm:hasPermission>
     		<perm:hasPermission url="user/edit">
				<a href="#" class="easyui-linkbutton" iconCls="icon-edit" id="editBtn" plain="true">编辑</a>
			</perm:hasPermission>
			<perm:hasPermission url="user/delete">
				<a href="#" class="easyui-linkbutton" iconCls="icon-remove" id="deleteBtn" plain="true">删除</a>
			</perm:hasPermission>
			<perm:hasPermission url="user/allotApplication">
				<a href="#" class="easyui-linkbutton" iconCls="icon-add" id="allotApplicationBtn" plain="true">分配系统</a>
			</perm:hasPermission>
		</div>
     	<table id="data-list"></table>
     </div>

     <!-- Edit Form -->
     <div id="edit-win" class="easyui-dialog" title="用户信息编辑页面" data-options="closed:true,iconCls:'icon-save',modal:true" style="width:400px;height:300px;">  
     	<form id="editForm" class="ui-form" method="post">  
     		 <input class="hidden" type="text" name="userId">
     		 <input class="hidden" type="text" name="deleted">
     		 <input class="hidden" type="text" name="locked">
     		 <div class="ui-edit">
	     	   <div class="ftitle">用户信息</div>    
	           <div class="fitem">  
	               <label>用户名:</label>  
	               <input class="easyui-validatebox" type="text" name="userName" data-options="required:true" maxlength="20">
	           </div>  
	           <div class="fitem">  
	               <label>密码:</label>  
	               <input class="easyui-validatebox" type="password" name="password" data-options="required:true,validType:'length[4,10]'" maxlength="20">
	           </div>
	           <div class="fitem">  
	               <label>昵称:</label>  
	               <input class="easyui-validatebox" type="text" name="nickName" data-options="required:true" maxlength="20">
	           </div>
	         </div>
     	</form>
  	 </div>
  	 <!-- allotApplication win -->
     <div id="allotApplication-win" class="easyui-dialog" title="分配系统页面" data-options="closed:true,iconCls:'icon-save',modal:true" style="width:400px;height:300px;">  
    		<form id="allotApplicationForm" class="ui-form" method="post" region="center" border="false">  
	     		 <input class="hidden" type="text" name="userId">
	     		 <table id="application-data-list"></table>
    		</form>
  	 </div>
  </body>
</html>
